<script setup lang="ts">
import blank from "@/static/images/blank.png";

const handleLogin = () => {
	uni.redirectTo({ url: "/pages/login/index" });
};
</script>

<template>
	<view class="user-not-login-wrap">
		<wd-img :src="blank" class="blank" />
		<view class="user-nor-login-text">登录后可以使用应用功能</view>
		<view class="user-not-login-btn" @click="handleLogin">登录</view>
	</view>
</template>

<style lang="less" scoped>
.user-not-login-wrap {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;

	.blank {
		margin-top: 100px;
		width: 800px;
		height: 600px;
	}

	.user-nor-login-text {
		font-size: 38px;
		font-family:
			PingFangSC-Regular,
			PingFang SC;
		font-weight: 600;
		color: rgba(153, 153, 153, 1);
		line-height: 45px;
	}

	.user-not-login-btn {
		width: 282px;
		height: 80px;
		background: rgba(0, 82, 165, 0.8);
		box-shadow: 0px 6px 12px 0px rgba(0, 82, 165, 0.8);
		border-radius: 18px;
		font-size: 40px;
		font-weight: 400;
		color: #ffffff;
		line-height: 80px;
		text-align: center;
		margin-top: 40px;

		&:active {
			opacity: 0.6;
		}
	}
}
</style>
